<template>
  <div class="pay-done">
    <div class="pay-done-box">
      <img src="../../assets/img/pay-success.png">
    </div>
    <div class="pay-btn">
      <a-button type="primary" @click="$router.push('/course')">返回课程页</a-button>
      <a-button type="primary" danger @click="$router.push('/userCenter/myOrder')">查看订单</a-button>
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>

<style scoped lang='scss'>
@import "@/assets/style/course/global.scss";

.pay-done{
  height: 80vh;
}

img{
  width: 450px;
  height: 350px;
}
.pay-done-box {
  margin: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pay-btn {
  width: 300px;
  margin: 0 auto;

  > * {
    margin: 0 20px;
  }
}
</style>
